<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>智慧社区综合管理平台</title>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="container">
    <!-- 导航菜单 -->
    <nav class="nav">
      <ul>
        <li><a href="#daily-notice">每日公告</a></li>
        <li><a href="#repair-management">维修管理</a></li>
        <li><a href="#my-info">我的信息</a></li>
      </ul>
    </nav>

    <!-- 主体内容 -->
    <div class="content">
      <!-- 每日公告模块 -->
      <div id="daily-notice" class="daily-notice">
        <div class="card">
          <h2><i class="icon">&#x1F4F0;</i> 每日公告</h2>
          <div class="notice-content">
            <p>最新公告更新！</p>
            <p>尊敬的用户，欢迎使用智慧社区综合管理平台！</p>
            <button class="more-btn">查看更多 <i class="icon">&#x2794;</i></button>
          </div>
        </div>
      </div>

      <!-- 维修管理模块 -->
      <div id="repair-management" class="repair-management">
        <h2><i class="icon">&#x1F3A8;</i> 维修管理</h2>
        <div class="management-items">
          <div class="item">
            <h3>报修管理</h3>
            <p>方便快捷地提交报修申请。</p>
            <a href="cost.html" class="detail-link">进入报修申请 <i class="icon">&#x2B50;</i></a>
          </div>
          <div class="item">
            <h3>生活缴费</h3>
            <p>查询需要缴费的费用，明细透明化。</p>
            <a href="living.html" class="detail-link">生活缴费 <i class="icon">&#x2B50;</i></a>
          </div>
          <div class="item">
            <h3>提交投诉</h3>
            <p>对服务不满意？立即投诉，我们会尽快处理。</p>
            <a href="complaint.html" class="detail-link">提交投诉 <i class="icon">&#x2B50;</i></a>
          </div>
        </div>
      </div>

      <!-- 我的信息模块 -->
      <div id="my-info" class="my-info">
        <div class="card">
          <h2><i class="icon">&#x1F464;</i> 我的信息</h2>
          <div class="info-content">
            <p>个人信息</p>
            <p>便捷管理您的账户信息和设置。</p>
            <button class="more-btn">进入 <i class="icon">&#x2B50;</i></button>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
